<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>微信红包</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/bonus.css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body style="background-color: #fffaf5;">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12 bonus-head plr0">
                <div class="col-xs-2 ptb5 head-left">
                    <img src="images/icon-left.png" width="22" height="21" class="img-responsive center-block">
                </div>
                <div class="col-xs-7 mt-5">
                    <span class="fs18">微信红包</span><br>
                    <span>微信安全支付</span>
                </div>
                <div class="col-xs-3 mt-5 plr0" style="line-height: 40px;">
                    <div class="dropdown">
                        <div class="dropdown-toggle fs16" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            我的红包
                        </div>
                        <ul class="dropdown-menu" style="min-width: 112px;left: auto;right: 0;" aria-labelledby="dropdownMenu1">
                            <li><a href="#">收到的红包</a></li>
                            <li><a href="#">发出的红包</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="col-xs-12 bg-lily mt20 ptb10">
                    <div class="col-xs-4 plr0 fs18 pt3">
                        红包个数
                    </div>
                    <div class="col-xs-8 plr0">
                        <input type="number" class="form-control col-xs-12 bdn text-right" id="num" placeholder="">
                    </div>
                </div>
                <div class="col-xs-12 bg-lily mt20 ptb10">
                    <div class="col-xs-4 plr0 fs18 pt3">
                        单个金额
                    </div>
                    <div class="col-xs-7 plr0">
                        <input type="number" class="form-control col-xs-12 bdn text-right" id="money" placeholder="">
                    </div>
                    <div class="col-xs-1 plr0 fs18 pt3">元</div>
                </div>
                <div class="col-xs-12 gray">每人可领1个，金额相同且不超过200元</div>
                <div class="col-xs-12 bg-lily mt20 ptb10">
                    <div class="col-xs-4 plr0 fs18 pt3">
                        留言
                    </div>
                    <div class="col-xs-8 plr0">
                        <input type="text" class="form-control col-xs-12 bdn" id="leaveWord" placeholder="恭喜发财，大吉大利！">
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt20">
            <div class="col-xs-12 fs50 text-center mt20">
                ￥0.00
            </div>
        </div>
        <div class="row mt20">
            <div class="col-xs-12 text-center mt20">
                <button type="button" class="col-xs-12 btn btn-danger btn-lg disabled" id="btnPay">塞钱进红包</button>
            </div>
            <div class="col-xs-12 gray text-center mt20">未领取的红包，将于24小时后发起退款</div>
        </div>
    </div>
    <script>
        $(function(){
            $("input").keyup(function(){
                var num = $("#num").val();
                var money = $("#money").val();
                var leaveWord = $("#leaveWord").val();
                if (num != "" && money != "" && leaveWord != "" && num != "0" && money != "0") {
                    $("#btnPay").removeClass("disabled");
                }else{
                   $("#btnPay").addClass("disabled"); 
                }
            });
        });
    </script>
</body>
</html>